vant 4

vant是一个还挺好用的移动端UI框架，记录一下使用中的问题

van-field 以外的组件的校验

Field 输入框可以传入required和rules做校验，但其他组件是没有的。想要实现校验，可以用 Field 输入框的插槽实现。

<van-field
  v-model="passed"
  name="passed"
  placeholder="请输入结果"
  required
  :rules="[{ required: true, message: '请输入结果' }]"
>
	<template #input>
		<van-radio-group v-model="item.passed" direction="horizontal">
			<van-radio name="1">合格</van-radio>
			<van-radio name="0">不合格</van-radio>
		</van-radio-group>
	</template>
</van-field>

action sheet 嵌套问题

解决方案：

添加 teleport属性，将高层级组件 append 到body上。

teleport: 指定挂载的节点，等同于 Teleport 组件的 to 属性

类似于 elementui 的 Diaglog对话框 组件里的 append-to-body 属性。